@charset "utf-8";
/* CSS Document */

/* autocompleter */
ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}

/* smoothbox*/

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0;
	left: 0;
	background-color:#000;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}


/* IE6 */
* html #TB_iframeContent{
	margin-bottom:1px;
}


/* Stili di default */
a, a:visited{text-decoration:none; color:#006; cursor:pointer;}
a:hover {text-decoration: underline !important; color:#006; cursor:pointer;}
a:visited{color:#555; cursor:pointer;}

h1, h2, h3, h4{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin:0;}
h1{font-size:18px;}
h2{font-size:13px;}
h3{font-size:12px;}
h4{font-size:10px;}

p, img{margin:0; padding:0;}


/* id per strutture di pagina standard */
body {margin: 0; padding: 0; font: 80% Arial, Verdana, Helvetica, sans-serif; color:#000; line-height:normal; background:no-repeat center top fixed;}
#body #container {width: 960px; margin: 0 auto;}
#body #header {padding:0;}
#body #content {padding:0; margin:0;}
#body #footer {padding:0;}
#body #footer p{font-size: 85%; margin:0; padding:0 0 10px; text-align:center;}
#body #footer hr{width:100%; border:1px solid #999; border-top:none;}

#header #logo{background-image:url(http://www.cartoline.it/img/logo_cartoline250x57.png); width:250px; height:57px; float:left; cursor:pointer; text-indent:-1000em;}
#header #logo_agenda{background-image:url(http://www.cartoline.it/img/agenda_logo.png); width:290px; height:30px; float:left; margin-top:30px; margin-left:120px;}
#header #barra{clear:both;}

#free-ecards{float:left; margin:41px 0 0 10px; padding-left:20px; background-image:url(http://www.cartoline.it/img/bandiera_EN.gif); background-position:bottom left; background-repeat:no-repeat; width:auto; height:15px; cursor:pointer;}

/* barra formata da: dati, info e navigazione */
#barra-dati{width:100%; height:30px; padding:0; font-size:12px;}
#barra-dati a{text-decoration: underline !important;}
#barra-navigazione{height:25px; text-align:left;}
#barra-dati table, #barra-info table{margin:0 auto;}
#barra-dati table table {margin:0 0 0 2px;}

/* nella barra la classe con cella "-novità" non viente attualmente utilizzata */
#barra-dati table .cella-colore, .cella-colore-novita{width:auto; padding-bottom:4px;}
#barra-dati table .cella-colore a, #barra-dati table .cella-colore-novita a{line-height:18px;}
#barra-dati table .cella-colore{background:#dddddd;}
#barra-dati table .cella-colore-novita{background:#fc3;}
#barra-dati table .cella-curva-sx, .cella-curva-dx, .cella-curva-sx-novita, .cella-curva-dx-novita{width:8px; height:8px; margin:0; padding:0; background-position:top left; background-repeat:no-repeat;}
#barra-dati table .cella-curva-sx{background-image:url(../img/login_curva_sx.gif);}
#barra-dati table .cella-curva-dx{background-image:url(../img/login_curva_dx.gif);}
/*#barra-dati table .cella-curva-sx-novita{background-image:url(../img/_login_curva_sx_novita.png);}
#barra-dati table .cella-curva-dx-novita{background-image:url(../img/_login_curva_dx_novita.png);}*/

/* specifiche barra navigazione */
#menu-discesa {display:block; position:absolute; margin:0; padding:0; width:960px; background-image:url(../img/barra_nav_menu_smeraldo.png); background-repeat:repeat-x; height:25px; z-index:100;}
#menu-discesa .menu, #menu-discesa .no-menu, #menu-discesa .menu-over{float:left; width:152px; border-right:2px solid #fff; text-align:center; padding:6px 3px 5px 3px; margin:0;}
#menu-discesa .menu, #menu-discesa .no-menu{cursor:pointer;}
#menu-discesa .menu a, #menu-discesa .no-menu a, #menu-discesa .menu-over a{font-size:14px; color: #fff; text-decoration:none !important; font-weight:bold;}

#menu-discesa .menu .sottomenu{display:none;}
#menu-discesa #sottomenu-cartoline{width:525px;}
#menu-discesa #sottomenu-cartoline-speciali, #menu-discesa #sottomenu-giochi-test{width:240px;}
#menu-discesa #sottomenu-giochi{width:250px}
#menu-discesa .menu-over{background-color:#efefef; border: 1px solid #CCC; border-bottom:none; margin-right:0; width:152px;}
#menu-discesa .menu-over a{color:#589762;}
#menu-discesa .menu-over .sottomenu a{color:#006699;}
#menu-discesa .menu-over a:hover{text-decoration:none !important;}
#menu-discesa .menu-over .sottomenu{background-color:#FFF; background-image:url(../img/barra_nav_sottomenu.jpg); background-repeat:repeat-x; margin-top:4px; margin-left:-4px; margin-bottom:-5px;  border: 1px solid #CCC; border-top:none; padding:2px;}
#menu-discesa .menu-item{text-align:left; padding-left:3px; line-height:20px;}
#menu-discesa .link-una-riga{line-height:36px;}
#menu-discesa .menu-item a{font-weight:normal; font-size:13px;  display:block;}
#menu-discesa .menu-item a:hover{background-color:#006699; color:#FFF;}
#menu-discesa .menu-item h3, #menu-discesa table h3{font-size:13px; font-weight:bold; color:#003366; margin:0;}
#menu-discesa .ico-style{margin-top:3px;}

/* paginazione */
#paginazione {width:100%; height:25px; clear:both;}
#paginazione .ico_pagina_corrente, #paginazione .ico_pagina_successiva{width:30px; height:24px; border:2px solid #FC9C34; text-align:center; margin:1px; float:left;}
#paginazione .ico_pagina_successiva{background-color:#FC9C34; cursor:pointer;}
#paginazione .ico_pagina_successiva:hover{border:2px solid #00FF00;}
#paginazione .ico_pagina_corrente{background-color:#FFFFFF; font-weight:bold;}

/* agenda intelligente */
#agenda_not_logged{display:none;}
#agenda_logged{position:relative; display:none;}
#agenda_logged h1,#agenda_logged h2, #agenda_logged h3, #agenda_logged h4{font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0;}
#messaggi_avviso{border: solid 3px #000000;background-color:#FFCC00;position:absolute;width:400px;top:50%; margin-top:-50px; margin-left:-200px; left:50%; z-index:1000; padding:5px; height:100px;}
#messaggi_avviso_img{height:100px; width:100px; background-image:url(../img/simbolo_ok.png); float:left;}
#messaggi_avviso_testo{float:left; text-align:center; font-size:24px; width:300px; padding-top:4px;}
#agenda_sfondo{position:absolute; top:25px; left:100px; width:860px;}
#tab_rubrica, #tab_date_da_ricordare, #tab_cartoline_ricevute, #tab_cartoline_spedite, #tab_temi{background-repeat:no-repeat; width:121px; position:absolute; z-index:2; cursor:pointer;}
#pagina_rubrica, #pagina_date_da_ricordare, #pagina_cartoline_ricevute, #pagina_cartoline_spedite, #pagina_temi {display:none;}
#pagine_agenda{height:650px;position:absolute; top:60px; right:0;	width:800px;}
#pagine_agenda h3{font-size:13px; margin:0;}
#pagine_agenda h4{font-size:10px; margin:0;}


/* agenda intelligente tabelle dati */
#pagine_agenda table h3{float:left; margin:0;}
#pagine_agenda table img{border:0;}
#pagine_agenda table thead tr th {padding:2px 0; border-bottom:1px solid black; cursor:pointer;  }
#pagine_agenda table thead tr th.nosort{cursor:default; vertical-align:bottom;}
#pagine_agenda table tbody tr td {}
#pagine_agenda table thead tr th{vertical-align:bottom;}
#pagine_agenda table .forward_sort h3{ background-image:url(../img/sort_up.png); background-repeat:no-repeat; height:15px; background-position:right; padding-right:15px;}
#pagine_agenda table .reverse_sort h3{background-image:url(../img/sort_down.png); background-repeat:no-repeat; height:15px; background-position:right; padding-right:15px;}
#pagine_agenda table .zebra{background-image:url(../img/semi_trasparente.png);}
#pagine_agenda table .table-tr-selected {background: #66CCFF; color:#FFFFFF;}
#pagine_agenda table .table-tr-selected-mod, #label_contatto_mod, #label_gruppo_mod, #label_data_da_ricordare_mod {background-color:#FFCC00; color:#000000;}
#pagine_agenda table .table-tr-selected-eli {background-color:#FF6600; color:#000000;}

/* agenda intelligente RUBRICA*/
#box_contatti{left:10px; width:550px; top:10px; position:absolute;	font: 100% Arial, Helvetica, sans-serif;}
#box_contatti h2{display:none;}
#box_contatti_header{height:70px;}
#box_contatti_content{padding:0 15px 0 32px; height:450px;}
#box_contatti_footer{height:30px;}

#box_gruppi_e_contatti{top:10px; left:590px; width:180px; position:absolute; font: 85% Arial, Helvetica, sans-serif;}
#box_gruppi_e_contatti h2{display:none;}
#box_gruppi{}

#box_gruppi_header{height:70px;}
#box_gruppi_content{padding:0 5px 0 27px; height:220px;}
#box_gruppi_footer{height:30px;}

#box_importa_contatti{margin-top:20px;}
#box_importa_contatti_header{height:70px;}
#box_importa_contatti_content{padding:0 10px 0 10px; text-align:center; height:120px;}
#box_importa_contatti_footer{height:30px;}

/* agenda intelligente DATE DA RICORDARE */
#box_date_da_ricordare{top:0;	left:10px;	position:absolute;	width:760px;}
#box_date_da_ricordare_header{height:80px;}
#box_date_da_ricordare_content{padding:0 15px 0 32px; height:550px;}
#box_date_da_ricordare_footer{height:20px;}
#box_date_da_ricordare_content .tipo_data_da_ricordare{float:left; width:190px; height:22px;}

/* agenda intelligente CARTOLINE RICEVUTE */
#box_cartoline_ricevute{top:0; left:10px;	position:absolute; width:760px;}
#box_cartoline_ricevute_header{height:90px;}
#box_cartoline_ricevute_content{padding:0 15px 0 32px; height:550px;}
#box_cartoline_ricevute_footer{height:10px;}

/* agenda intelligente CARTOLINE SPEDITE */
#box_cartoline_spedite{top:0;	left:10px; position:absolute; width:760px;}
#box_cartoline_spedite_header{height:90px;}
#box_cartoline_spedite_content{padding:0 15px 0 32px; height:550px;}
#box_cartoline_spedite_footer{height:10px;}
#box_visualizza_cartolina_ricevuta, #box_visualizza_cartolina_spedita{display:none;}

/* agenda intelligente TEMI */
#box_temi{top:0; left:10px; position:absolute; width:760px;}
#box_temi_header{height:80px;}
#box_temi_content{padding:0 15px 0 32px; height:550px;}
#box_temi_footer{height:20px;}
#box_temi .miniatura_tema{margin:5px; width:100px; height:100px; border:1px solid #000000;}
#box_temi .box_miniatura_tema{float:left; margin:10px; cursor:pointer; width:110px; height:145px; text-align:center; border:1px solid #CCCCCC;}

/* visualizza cartolina standard anteprima*/
#player_anteprima{height:20px;}
#nome_destinatario_anteprima, #data_invio_anteprima{text-align:left;}
#messaggio_anteprima{height:130px; overflow:auto; text-align:left;}
#nome_mittente_anteprima{text-align:right; font-weight:bold;}

/**********box***********/
/*box a*/
.box-a{margin:0 0 30px;}
.box-a .box-a-header{height:15px;text-align: center; border-bottom:none; padding:2px;}
.box-a .box-a-content{width:100%; padding:0; margin:0;}
.box-a table{border:0; margin:0; padding:0; width:100%;}

/*etichette box*/
.etichetta-arancio{background-color:#FC0; border:1px solid #FC0; margin:10px 10px 0;}
.etichetta-verde{background-color:#26a240; border:1px solid #26a240; color:#FFF;}
.etichetta-rossa{background-color:#f00; border:1px solid #f00; color:#FFF;}
.etichetta-gialla{border:1px solid #ffe793; background-color:#ffe793; color:#C00;}
.etichetta-blu{border:1px solid #3b5998; background-color:#3b5998; color:#fff;}

/*bordi box-a-content*/
.bordo-verde-content{border:1px solid #26a240; background-color:#EAFFEA;}
.bordo-rosso-content{border:1px solid #f00; background-color:#ffebd7;}
.bordo-rosso-content table{width:100%; padding:1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%;}
.bordo-rosso-content td{width:16%; text-align:center;}
.bordo-giallo-content{width:144px !important; padding:3px !important; border:1px solid #ffe793; background-color:#ffffc3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.bordo-giallo-content p{text-align:center; margin:0 0 10px;}
.bordo-blu-content{border:1px solid #3b5998; background-color:#fff;}
.bordo-blu-content div {padding:5px;}

/*calendario*/
.calendario-lista {list-style-type:none; margin:0; padding:0 0 0 10px;}
.calendario-lista li{padding:5px 0; margin:0 0 0 -5px; height:33px; font-size:11px;}
.calendario-lista li a{border:0; text-align:left; padding:2px 0; display:block; font-size:12px;}
.calendario-lista li div{background:url(../img/img-sprite6.png) no-repeat; background-position:0 -3700px; float:left; font-weight:bold; height:32px; width:29px; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:13px; margin:0 5px 0 0; padding:4px 0 0; text-align:center; color:#666;}
/*********************/


/* icone 40x40 */ 
.ico-40-40{background-image:url(../img/img-sprite6.png); width:40px; height:40px;}
.ico-40-40 a{width:40px; height:40px; text-indent:-1000em; display:block;}
/* categorie */
.ico-amicizia{background-position:0 -540px;}
.ico-amore{background-position:0 -580px;}
.ico-animali{background-position:0 -620px;}
.ico-auguridi{background-position:0 -660px;}
.ico-arte{background-position:0 -700px;}
.ico-cartoni{background-position:0 -740px;}
.ico-cinema{background-position:0 -780px;}
.ico-compleanno{background-position:0 -820px;}
.ico-musica{background-position:0 -860px;}
.ico-nostalgia{background-position:0 -900px;}
.ico-zodiaco{background-position:0 -940px;}
.ico-paesaggi{background-position:0 -980px;}
.ico-religione{background-position:0 -1020px;}
.ico-umorismo{background-position:0 -1060px;}
.ico-sport{background-position:0 -1100px;}
.ico-tempimoderni{background-position:0 -1140px;}
.ico-tiscrivo{background-position:0 -1180px;}
.ico-befana{background-position:0 -1220px;}
.ico-sanvalentino{background-position:0 -1260px;}
.ico-festadonna{background-position:0 -1300px;}
.ico-carnevale{background-position:0 -1340px;}
.ico-festapapa{background-position:0 -1380px;}
.ico-pesceaprile{background-position:0 -1420px;}
.ico-pasqua{background-position:0 -1460px;}
.ico-festamamma{background-position:0 -1500px;}
.ico-festanonni{background-position:0 -1540px;}
.ico-halloween{background-position:0 -1580px;}
.ico-natale{background-position:0 -1620px;}
.ico-capodanno{background-position:0 -1660px;}
.ico-ferragosto{background-position:0 -3470px;}
.ico-estate{background-position:0 -3510px;}
/*altre ico*/
.ico-ricerca{background-position:0 -500px;}
.ico-facce{background-position:0 -1700px;}
.ico-speedy{background-position:0 -1740px;}
.ico-cp{background-position:0 -1780px;}
.ico-mms{background-position:0 -1820px;}
.ico-saluti{background-position:0 -1860px;}
.ico-en{background-position:0 -1900px;}
.ico-test-deserto{background-position:0 -1940px; cursor:default; line-height:15px;}
.ico-test-personalita{background-position:0 -1980px;}
.ico-affinita{background-position:0 -2020px;}
.ico-libro{background-position:0 -2060px;}
.ico-jewels{background-position:0 -2100px;}
.ico-pacman{background-position:0 -2140px;}
.ico-tetris{background-position:0 -2180px;}
.ico-oroscopo{background-position:0 -2220px;} 
.ico-diario{background-position:0 -2260px;}
.ico-babbonatale{background-position:0 -2300px;}
.ico-sfondi{background-position:0 -3240px;}
.ico-test{background-position:0 -3280px;}
.ico-parole-collegate{background-position:0 -3550px;}
.ico-auguri{background-position:0 -3900px;}
.ico-parolix{background-image:url(http://www.cartoline.it/img/ico_parolix.jpg); width:40px; height:40px;}

/*servizi*/
.servizi{background-image:url(../img/img-sprite6.png); width:190px; height:100px;}
.agenda{background-position:0 -2500px;}
.agenda{background-position:0 -2500px;}
.diario{background-position:0 -2600px;}
.oroscopo{background-position:0 -2700px;}
.sfondi{background-position:0 -2800px;}
.segnalibri{background-position:0 -2900px;}
.libro{background-position:0 -3000px;}
.pollicino{background-position:0 -3100px;}
.rubrica{background-position:0 -3370px;}

.la-tua-firma{background-image:url(../img/img-sprite6.png); width:195px; height:50px; background-position:0 -3320px;}
/*formattazione servizi*/
.servizi-text{text-indent:-1000em; display:block; cursor:pointer; margin:0 0 30px;}

/*spedizione cartolina*/
.passo-titolo{width:100%;text-align:left;margin-top:5px;}
.passo-titolo h1{margin:0; padding:10px 0 5px 10px; color:#FF6600;}
.passo-info {width:100%;text-align:left;}
.passo-info h4{margin:0; padding:0 0 10px 10px; font-size:13px; font-weight:normal;}
.passo_img{width:300px; float:left; margin:0 10px 0 10px; height:260px}
.passo_content{width:600px; float:left;margin:0 10px 0 10px; height:260px}

.info_miniatura_cartolina{height:25px; padding:2px; vertical-align:bottom; cursor:default; margin-bottom:5px;}
.box_miniatura_cartolina, .box_miniatura_cartolina_over, .box_miniatura_cartolina_selected{width:150px; height:155px; margin:1px; text-align:center; border:2px solid #FFFFFF; padding:0;}
.box_miniatura_cartolina img, .box_miniatura_cartolina_over img, .box_miniatura_cartolina_selected img{margin-top:8px;}

/* personalizzazione cartolina */
.colore_sfondo, .colore_sfondo_over, .colore_sfondo_selected, .colore_testo, .colore_testo_over, .colore_testo_selected{cursor:pointer; width:20px; height:22px; float:left; border:2px solid #CCCCCC; margin:1px; padding:0;}
.francobollo, .francobollo_over, .francobollo_selected, #francobollo_anteprima{cursor:pointer; height:83px; width:70px; border:2px solid #FFFFFF; margin:1px; padding:0;}
#francobollo_anteprima{float:right;}
.musica, .musica_over, .musica_selected{cursor:pointer; height:14px; width:140px; border:2px solid #FFFFFF; text-align:left; margin:1px; padding:0;}
.colore_testo_over, .colore_sfondo_over, .francobollo_over, .musica_over, .box_miniatura_cartolina_over{border:2px solid #33FF00;}
.colore_testo_selected, .colore_sfondo_selected, .francobollo_selected, .musica_selected, .box_miniatura_cartolina_selected{border:2px solid #3399FF;}
#panel_musica{border:1px solid #CCCCCC; margin-top:10px; padding:5px;}
#tabella_musica{font-size:11px;}
#panel_francobolli{border:1px solid #CCCCCC; width:70%; margin-right:20px; float:right; padding:5px; height:390px;}

/*cerca*/
.item_ricerca{width:230px; float:left; height:20px; margin:0; padding:0;}
#ricerca, #ricerca_fallita{background-color:#EAFFEA; margin-top:-10px; border-bottom:1px solid #CCCCCC;}
#ricerca_fallita{padding:10px;}
#ricerca h1{margin:0; padding:10px 0 5px 10px;}
#opzioni_cerca_ancora{padding: 0 0 0 10px;}
#link_cerca_ancora{margin:10px}

/* pach facebook*/
.fb-login-button.fb_iframe_widget iframe{height:22px!important;}